.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
.border-radius {
  -webkit-border-radius: 1px 2px 3px 4px;
  -moz-border-radius: 1px 2px 3px 4px;
  border-radius: 1px 2px 3px 4px;
}
.box-shadow {
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 0, 0, 0.3);
}
.box-sizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.background-size {
  -webkit-background-size: 10px auto, 100px auto;
  -moz-background-size: 10px auto, 100px auto;
  -o-background-size: 10px auto, 100px auto;
  background-size: 10px auto, 100px auto;
}
.opacity {
  opacity: 0.4;
}
/*****************************
testing CSS3 transition-mixins
*****************************/
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear 400ms;
  -moz-transition: -moz-transform 200ms linear 400ms;
  -o-transition: -o-transform 200ms linear 400ms;
  transition: transform 200ms linear 400ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms, height 500ms;
  -moz-transition: -moz-transform 200ms, height 500ms;
  -o-transition: -o-transform 200ms, height 500ms;
  transition: transform 200ms, height 500ms;
}
.transition-oneline {
  -webkit-transition: -webkit-transform 200ms linear, height 500ms linear, -webkit-box-shadow 500ms linear, opacity 500ms linear;
  -moz-transition: -moz-transform 200ms linear, height 500ms linear, -moz-box-shadow 500ms linear, opacity 500ms linear;
  -o-transition: -o-transform 200ms linear, height 500ms linear, -o-box-shadow 500ms linear, opacity 500ms linear;
  transition: transform 200ms linear, height 500ms linear, box-shadow 500ms linear, opacity 500ms linear;
}
.transition-separated {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
}
.transition-prop-transform {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.transition-prop-mutli-with-transform {
  -webkit-transition-property: -webkit-transform, color, height;
  -moz-transition-property: -moz-transform, color, height;
  -o-transition-property: -o-transform, color, height;
  transition-property: transform, color, height;
}
.transition-prop-mutli-with-transform-and-boxShadow {
  -webkit-transition-property: -webkit-transform, color, -webkit-box-shadow;
  -moz-transition-property: -moz-transform, color, -moz-box-shadow;
  -o-transition-property: -o-transform, color, -o-box-shadow;
  transition-property: transform, color, box-shadow;
}
.transition-prop {
  -webkit-transition-property: height;
  -moz-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.transition-multi {
  -webkit-transition-property: height, top, left;
  -moz-transition-property: height, top, left;
  -o-transition-property: height, top, left;
  transition-property: height, top, left;
}
/*****************************
testing CSS3 animation-mixins
*****************************/
.animation-oneline {
  -webkit-animation: test-animation 200ms linear 200ms;
  -moz-animation: test-animation 200ms linear 200ms;
  animation: test-animation 200ms linear 200ms;
}
.animation-delay {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-timing-function {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
}
.animation-fill-mode {
  -webkit-animation-fill-mode: forward;
  -moz-animation-fill-mode: forward;
  animation-fill-mode: forward;
}
/****************************
testing CSS3 transform-mixins
****************************/
.transforms {
  -webkit-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  -moz-transform: translate(2px, 3px) rotate(3deg) scale(0.4);
  transform: translate(2px, 3px) rotate(3deg) scale(0.4);
}
.transforms {
  -webkit-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  -moz-transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
  transform: perspective(700px) rotate3d(1, 1, 0, 180deg);
}
/****************
testing gradients
****************/
.background-image {
  background-image: -webkit-linear-gradient(bottom, #000000, #ffffff) -webkit-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -moz-linear-gradient(bottom, #000000, #ffffff) -moz-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: -o-linear-gradient(bottom, #000000, #ffffff) -o-radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
  background-image: linear-gradient(to top, #000000, #ffffff) radial-gradient(45px 45px, farthest-corner, #ffffff 0%, #000000 100%) url('test.png');
}
.background-image {
  background-image: -webkit-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -moz-linear-gradient(bottom left, #000000, #ffffff);
  background-image: -o-linear-gradient(bottom left, #000000, #ffffff);
  background-image: linear-gradient(to top left, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top right, #000000, #ffffff);
  background-image: -moz-linear-gradient(top right, #000000, #ffffff);
  background-image: -o-linear-gradient(top right, #000000, #ffffff);
  background-image: linear-gradient(to bottom right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(left, #000000, #ffffff);
  background-image: -moz-linear-gradient(left, #000000, #ffffff);
  background-image: -o-linear-gradient(left, #000000, #ffffff);
  background-image: linear-gradient(to right, #000000, #ffffff);
  background-image: -webkit-linear-gradient(top, #000000, #ffffff);
  background-image: -moz-linear-gradient(top, #000000, #ffffff);
  background-image: -o-linear-gradient(top, #000000, #ffffff);
  background-image: linear-gradient(to bottom, #000000, #ffffff);
}
